/* 
* @Author: anchen
* @Date:   2018-02-11 13:13:20
* @Last Modified by:   anchen
* @Last Modified time: 2018-02-19 12:47:39
*/
html,body{
  background: rgb(227,231,233);
  width:100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden
}
input::-webkit-input-placeholder{
  color:rgb(205,208,210);
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:rgb(205,208,210); 
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:rgb(205,208,210); 
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
  color:rgb(205,208,210);
}
img[alt="medals"]{
  width: 45%;
  height: 45%;
  
  /* left: 50%;
  margin-left: -25%; */
}
.login-form{
  width: 21%;
  height: 25%;
  margin-top:3%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.login-form>input{
  width: 99%;
  height:25%;
  border-radius: 0.05rem;
  border: 0.02rem solid rgb(130,131,131);
  font-size: 0.21rem;
  background:  transparent;
  text-indent: 0.05rem;
}
.login-form>button{
  width: 100%;
  height:25%;
  border-radius: 0.05rem;
  border: 0.02rem solid rgb(173,207,210);
  background: rgb(102,88,229);
  font-size: 0.21rem;
  color: rgba(255, 255, 255, 0.911);
  Letter-spacing:0.2rem;
  text-indent: 0.2rem;
  cursor: pointer;
}
